/*
* @Author: Josh
* @Date:   2019-08-15 14:47:53
* @Last Modified by:   Administrator
* @Last Modified time: 2019-08-15 15:17:43
*/

/* 按钮默认样式 */
.ju-btn {
    display      : block;
    position     : relative;
    width        : 10rem;
    margin       : 0 auto;
    padding      : .5rem 0;
    box-sizing   : border-box;
    border       : 1px solid #ccc;
    font-size    : .7rem;
    text-align   : center;
    color        : #000;
    border-radius: 5px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    user-select  : none;/*文本不能被选择*/
}

/* 主操作按钮 */
.ju-btn.ju-btn-primary {
    background-color: #1AAD19;
    color           : #fff;
}

/* 警示类按钮 */
.ju-btn.ju-btn-warning {
    background-color: #E64340;
    color           : #fff;
}

/* 不可用按钮 */
.ju-btn.ju-btn-disabled {
    background-color: #F7F7F7;
    color           : #999;
    opacity         : .6;/*透明度*/
}

/* 大按钮 */
.ju-btn.ju-btn-large {
    width: 100%;
    font-size: .9rem;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

/* 小按钮 */
.ju-btn.ju-btn-small {
    display: inline-block;
    width: 3rem;
    padding: .2rem 0;
    font-size: .7rem;
}